<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>冰冰相册翻转</title>
		<link rel="stylesheet" href="css/fanzhuan.css" />
	</head>
	<body>
		<div class="nav" style="margin-bottom: 0%;margin-left: 50%;">
            <h1><a href="ZhuYe.html">首页</a></h1>
      </div>
		<!--/*外层最大容器*/-->
		<div class="wrap">
	<!--	/*包裹所有元素的容器*/-->
		<div class="cube">
			<!--前面图片 -->
			<div class="out_front">
				<img src="img/翻转/1.png"  class="pic"/>
			</div>
			<!--后面图片 -->
			<div class="out_back">
				<img src="img/翻转/2.png"  class="pic"/>
			</div>
			<!--左图片 -->
			<div class="out_left">
				<img src="img/翻转/12.png"  class="pic"/>
			</div>
			<div class="out_right">
				<img src="img/翻转/4.jpg"  class="pic"/>
			</div>
			<div class="out_top">
				<img src="img/翻转/5.jpg"  class="pic"/>
			</div>
			<div class="out_bottom">
				<img src="img/翻转/7.jpg"  class="pic"/>
			</div>
			<!--小正方体 --> 
			<span class="in_front">
				<img src="img/翻转/6.jpg" class="in_pic" />
			</span>
			<span class="in_back">
			     <img src="img/翻转/8.jpg" class="in_pic" />
			</span>
			<span class="in_left">
				<img src="img/翻转/9.jpg" class="in_pic" />
			</span>
			<span class="in_right">
				<img src="img/翻转/10.jpg" class="in_pic" />
			</span>
			<span class="in_top">
				<img src="img/翻转/11.png" class="in_pic" />
			</span>
			<span class="in_bottom">
				<img src="img/翻转/3.jpg" class="in_pic" />
			</span>
		</div>
		</div>
	</body>
	<script type="text/javascript">
		document.addEventListener("keydown", function (event){
        if (event.ctrlKey){
            event.preventDefault();
        }
        if(event.keyCode == 123){
            event.preventDefault();
        }
    	});
    	document.addEventListener('contextmenu',
        	event => event.preventDefault()
    	);
	</script>	
</html>
